<template>
    <div class="hot-bigright">
      <div class="left">
      <div class="left-item"  @click="pushto">
        <img
          src="	https://cdn7.axureshop.com/demo/2090757/images/%E5%8F%91%E7%8E%B0/u479.png"
          alt=""
        />
        <span>40人收藏</span>
      </div>
        <div class="left-item"  @click="pushto">
          <img
            src="	https://cdn7.axureshop.com/demo/2090757/images/%E5%8F%91%E7%8E%B0/u479.png"
            alt=""
          />
          <span>40人收藏</span>
        </div>
      </div>
        <div class="right"  @click="pushto">
          <img
            src="	https://cdn7.axureshop.com/demo/2090757/images/%E5%8F%91%E7%8E%B0/u479.png"
            alt=""
          />
          <span>40人收藏</span>
        </div>
    </div>
</template>

<script>
  export default {
    methods: {
    pushto() {
      this.$emit('toForyou')
      window.scrollTo(0,0)
    }
  },
  }
</script>

<style lang="scss" scoped>
.hot-bigright {
  display: flex;
  justify-content: space-between;
  span {
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: white;
    }
  .right {
    width: 234px;
    height: 339px;
    position: relative;
    overflow: hidden;
    margin: 0 10px;
    border-radius: 8px;
    img {
      object-fit: cover;
    }
  }
  .left {
    margin: 0 0 10px 10px;
    img{
      height: 168px;
      width: 117px;
    }
    .left-item{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    }    
  }
}
</style>